@CHARSET "UTF-8";
body{
	margin:0;
	font-family: 'Microsoft Yahei',"Helvetica Neue", Helvetica, Arial, sans-serif;
}
#mainContent{
	position:absolute;
	width:1200px;
	margin:0;
}
#mainContent *{
	position:absolute;
}
#loginFrame{
	width:400px;
	height:300px;
	border:1px solid #cccccc;
	border-radius: 12px;
	-webkit-border-radius:12px;
	-moz-border-radius:12px;
	margin-top:-320px;
	z-index:100;
	background-color:#f5f5f5;
	display:none;
}
#loginFrame .innerFrameTitle{
	width:100%;
	height:60px;
	border-bottom:solid 1px #999999;
}
#loginFrame .innerFrameTitle span{
	width:100%;
	font-size:30px;
	text-align:center;
	margin-top:10px;
}
#loginFrame .innerFrameTitle #loginFrameExitButton{
	width:21px;
	height:21px;
	margin-left:375px;
	margin-top:2px;
	cursor:pointer;
}
#loginFrame .innerFrameContent{
	width:100%;
	height:190px;
	border-bottom: solid 1px #999999;
	margin-top:60px;
}
#loginFrame .innerFrameContent .input{
	width:200px;
	margin-left:130px;
	border:1px solid #cccccc;
	border-radius: 8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	outline:none;
	font-size:18px;
	padding:8px;
}
#loginFrame .innerFrameContent input:focus{
	border-color:#999999;
}
#loginFrame .innerFrameContent label{
	width:80px;
	margin-left:30px;
	margin-top:10px;
	font-size:18px;
	text-align:right;
}
#loginFrame .innerFrameContent .block{
	width:100%;
}
#loginFrame .innerFrameContent #loginErrorMessage{
	margin-top:150px;
	width:400px;
	font-size:18px;
	text-align:center;
	color:red;
}
#loginFrame .innerFrameContent #emailInput{
	margin-top:40px;
}
#loginFrame .innerFrameContent #passwordInput{
	margin-top:100px;
}
#loginFrame .innerFrameFooter{
	width:100%;
	height:50px;
	margin-top:250px;
}
#loginFrame .innerFrameFooter #loginFrameLoginButton{
	width:60px;
	height:40px;
	margin-top:5px;
	margin-left:135px;
	background-color:#49afcd;
	border:1px solid #cccccc;
	border-radius: 3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	cursor:pointer;
}
#loginFrame .innerFrameFooter #loginFrameLoginButton span{
	width:100%;
	font-size:21px;
	margin-top:5px;
	text-align:center;
}
#loginFrame .innerFrameFooter #loginFrameResetButton{
	width:60px;
	height:40px;
	margin-top:5px;
	margin-left:215px;
	background-color:#999999;
	border:1px solid #cccccc;
	border-radius: 3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	cursor:pointer;
}
#loginFrame .innerFrameFooter #loginFrameResetButton span{
	width:100%;
	font-size:21px;
	margin-top:5px;
	text-align:center;
}
#registerFrame{
	width:400px;
	height:545px;
	border:1px solid #cccccc;
	border-radius: 12px;
	-webkit-border-radius:12px;
	-moz-border-radius:12px;
	margin-top:-320px;
	z-index:100;
	background-color:#f5f5f5;
	display:none;
}
#registerFrame .innerFrameTitle{
	width:100%;
	height:60px;
	border-bottom:solid 1px #999999;
}
#registerFrame .innerFrameTitle span{
	width:100%;
	font-size:30px;
	text-align:center;
	margin-top:10px;
}
#registerFrame .innerFrameTitle #registerFrameExitButton{
	width:21px;
	height:21px;
	margin-left:375px;
	margin-top:2px;
	cursor:pointer;
}
#registerFrame .innerFrameContent{
	width:100%;
	height:435px;
	border-bottom: solid 1px #999999;
	margin-top:60px;
}
#registerFrame .innerFrameContent #registerErrorMessage{
	margin-top:407px;
	width:400px;
	font-size:18px;
	text-align:center;
	color:red;
}
#registerFrame .innerFrameContent .infoImage{
	width:21px;
	height:21px;
	margin-top:10px;
	margin-left:350px;
	background-size:100% 100%;
}
#registerFrame .innerFrameContent .input{
	width:200px;
	margin-left:130px;
	border:1px solid #cccccc;
	border-radius: 8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	outline:none;
	font-size:18px;
	padding:8px;
}
#registerFrame .innerFrameContent label{
	width:80px;
	margin-left:30px;
	margin-top:10px;
	font-size:18px;
	text-align:right;
}
#registerFrame .innerFrameContent .block{
	width:100%;
}
#registerFrame .innerFrameContent input:focus{
	border-color:#999999;
}
#registerFrame .innerFrameContent #accountInput{
	margin-top:10px;
}
#registerFrame .innerFrameContent #passwordInput{
	margin-top:60px;
}
#registerFrame .innerFrameContent #passwordRepeatInput{
	margin-top:110px;
}
#registerFrame .innerFrameContent #emailInput{
	margin-top:160px;
}
#registerFrame .innerFrameContent #sexInput{
	margin-top:210px;
}
#registerFrame .innerFrameContent #sexInput #male{
	margin-left:160px;
	margin-top:10px;
	font-size:18px;
}
#registerFrame .innerFrameContent #sexInput #registerMaleInput{
	margin-left:185px;
	margin-top:15px;
	border:none;
	background-color:transparent;
}
#registerFrame .innerFrameContent #sexInput #female{
	margin-left:222px;
	margin-top:10px;
	font-size:18px;
}
#registerFrame .innerFrameContent #sexInput #registerFemaleInput{
	margin-left:247px;
	margin-top:15px;
	border:none;
	background-color:transparent;
}
#registerFrame .innerFrameContent #birthdayInput{
	margin-top:260px;
}
#registerFrame .innerFrameContent #birthdayInput input{
	text-align:center;
}
#registerFrame .innerFrameContent #schoolInput{
	margin-top:310px;
}
#registerFrame .innerFrameContent #kaptchaInput{
	margin-top:360px;
}
#registerFrame .innerFrameContent #kaptchaInput input{
	width:70px;
}
#registerFrame .innerFrameContent #kaptchaInput img{
	margin-left:225px;
	height:40px;
	width:100px;
	cursor:pointer;
}
#registerFrame .innerFrameContent #kaptchaInput span{
	margin-left:330px;
	margin-top:10px;
	width:60px;
	color:rgb(47, 173, 213);
	cursor:pointer;
}
#registerFrame .innerFrameFooter{
	height:50px;
	width:100%;
	margin-top:495px;
}
#registerFrame .innerFrameFooter #registerFrameRegButton{
	width:60px;
	height:40px;
	margin-top:5px;
	margin-left:135px;
	background-color:#49afcd;
	border:1px solid #cccccc;
	border-radius: 3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	cursor:pointer;
}
#registerFrame .innerFrameFooter #registerFrameRegButton span{
	width:100%;
	font-size:21px;
	margin-top:5px;
	text-align:center;
}
#registerFrame .innerFrameFooter #registerFrameResetButton{
	width:60px;
	height:40px;
	margin-top:5px;
	margin-left:215px;
	background-color:#999999;
	border:1px solid #cccccc;
	border-radius: 3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	cursor:pointer;
}
#registerFrame .innerFrameFooter #registerFrameResetButton span{
	width:100%;
	font-size:21px;
	margin-top:5px;
	text-align:center;
}
#header{
	width:100%;
	height:120px;
}
#header #logo{
	margin-top:20px;
	width:240px;
	height:100px;
	cursor:pointer;
}
#header #logo img{
	width:100%;
	height:100%;
}
#header #user{
	margin-top:20px;
	margin-left:600px;
	width:600px;
	height:40px;
}
#header #user #loginButton{
	margin-left:450px;
}
#header #user #loginButton span{
	width:80px;
	border-right:solid 1px #999999;
	text-align:center;
	font-size:20px;
	color:rgb(17, 143, 226);
	cursor:pointer;
}
#header #user #registerButton{
	margin-left:550px;
}
#header #user #registerButton span{
	width:40px;
	text-align:center;
	font-size:20px;
	cursor:pointer;
}
#header #user #username{
	margin-left:230px;
}
#header #user #username span{
	width:200px;
	text-align:right;
	font-size:20px;
	color:rgb(47, 173, 213);
}
#header #user #personInformation{
	margin-left:440px;
}
#header #user #personInformation span{
	width:100px;
	text-align:center;
	font-size:20px;
	border-right:solid 1px #999999;
	color:red;
	cursor:pointer;
}
#header #user #createNews{
	margin-left:130px;
}
#header #user #createNews span{
	width:100px;
	text-align:center;
	font-size:20px;
	cursor:pointer;
}
#header #user #logout{
	margin-left:540px;
}
#header #user #logout span{
	width:60px;
	text-align:center;
	font-size:20px;
	color:#333333;
	cursor:pointer;
}
#header #links{
	margin-top:90px;
	margin-left:600px;
	width:600px;
	height:25px;
}
#header #links span{
	width:120px;
	color:#333333;
	border-right:solid 1px #999999;
	text-align:center;
	font-size:18px;
	cursor:pointer;
}
#header #links #molianIntroduce{
	margin-left:0px;
}
#header #links #molianMap{
	margin-left:120px;
}
#header #links #molianBaike{
	margin-left:240px;
}
#header #links #molianDict{
	margin-left:360px;
}
#header #links #molianGame{
	margin-left:480px;
}
#header #underline{
	margin-top:123px;
}
#showNews{
	margin-top:135px;
	width:100%;
	height:450px;
}
#showNews #thumbnails{
	width:350px;
	height:100px;
	margin-top:345px;
	margin-left:825px;
	border-top: solid 1px #999999;
	overflow:hidden;
	z-index:10;
}
#showNews #thumbnails #lastItem{
	margin-top:40px;
	margin-left:0;
	font-size:20px;
	font-weight:bolder;
	cursor:pointer;
}
#showNews #thumbnails #nextItem{
	margin-top:40px;
	margin-left:336px;
	font-size:20px;
	font-weight:bolder;
	cursor:pointer;
}
#showNews #thumbnails .item{
	width:100px;
	height:80px;
	margin-top:10px;
	cursor:pointer;
	opacity:0.5;
}
#showNews #thumbnails .item img{
	width:100%;
	height:100%;
}
#showNews .news{
	height:100%;
	width:100%;
	display:none;
}
#showNews .news .leftImg{
	height:100%;
	width:800px;
	margin-left:0;
}
#showNews .news .leftImg img{
	width:100%;
	height:100%;
}
#showNews .news .rightContent{
	height:100%;
	width:400px;
	margin-left:800px;
	background-color:#333333;
}
#showNews .news .rightContent .contentTitle{
	width:350px;
	height:50px;
	margin-left:25px;
	cursor:pointer;
}
#showNews .news .rightContent .contentTitle span{
	width:100%;
	text-align:right;
	margin-top:5px;
	font-size:35px;
	color:rgb(47, 173, 213);
	border-bottom:solid 2px #999999;
}
#showNews .news .rightContent .subTitle{
	width:350px;
	height:40px;
	margin-left:25px;
	cursor:pointer;
}
#showNews .news .rightContent .subTitle:hover{
	background-color:#999999;
}
#showNews .news .rightContent .subTitle span{
	width:100%;
	text-align:right;
	margin-top:5px;
	font-size:25px;
	font-weight:bold;
	color:white;
}
#showNews .news .rightContent #subTitle0{
	margin-top:60px;
}
#showNews .news .rightContent #subTitle1{
	margin-top:100px;
}
#showNews .news .rightContent #subTitle2{
	margin-top:140px;
}
#showNews .news .rightContent #subTitle3{
	margin-top:180px;
}
#showNews .news .rightContent .contentDetail{
	width:350px;
	height:100px;
	margin-top:225px;
	margin-left:25px;
	font-size:16px;
	color:white;
	cursor:pointer;
}
#showNews .news .rightContent .contentDetail p:hover{
	text-decoration:underline;
}
#showNews .news .rightContent .more{
	width:100px;
	margin-top:313px;
	margin-left:340px;
	color:rgb(47, 173, 213);
	font-size:18px;
	cursor:pointer;
}